---
import type { GetStaticPathsResult } from "astro";
import type { CollectionEntry } from "astro:content";
import { getCollection } from "astro:content";
import PostLayout from "@/layouts/BlogPost";
import MailForm from "@/components/blog/MailForm";
import MailForm2 from "@/components/blog/MailForm2";

export async function getStaticPaths(): Promise<GetStaticPathsResult> {
	const posts: CollectionEntry<"post">[] = await getCollection("post");
	const params = posts.map((post) => ({
		params: { post: post.slug },
		props: { post },
	}));
	return params;
}

interface Props {
	post: CollectionEntry<"post">;
}

const { post } = Astro.props;
const { Content } = await post.render();
---

<PostLayout post={post}>
	<Content />
  <MailForm2 />
</PostLayout>